html,body,.min{

	width:100%;
	height: 100%;
	padding:0;
	margin:0 auto;
	background:rgb(236,236,236);
}

.min{
	
	position: absolute;
	/*background:rgb(236,236,236);*/
	top:2rem;

}

.headerBar{
	
	position: fixed;
	width:100%;
	height:2rem;
	background: rgb(244,67,54);
	text-align: center;
	font-size:.4rem;
	line-height: 2.8rem;
	color:#fff;
	font-weight: bold;
	z-index: 10;
	/*display: none;*/


}

.gohome{
	
	position: absolute;
	top:1rem;
	left:.5rem;
	width:.8rem;
	height: .8rem;
	background:url(../../img/home.png) no-repeat center center;
	background-size:cover;
}

.banzi{


	width: calc(100% - 3rem);
	padding:.3rem 1.5rem;

}

.banzi-box{
	
	width:100%;
	height: 3rem;
	background:#fff;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	padding-right: .1rem;

}

.banzi-box>.banzi_left{

	float:left;
	
	height: 100%;

	width: 2rem;

	margin:0;

	position: relative;

	
}

.banzi-box>.banzi_top{
	
	float:right;

	margin:0;
	
	width: calc(100% - 2.2rem);

	height: 1.5rem;

	line-height: 1.5rem;

}

.border-bot{
	border-bottom:1px solid rgb(233,233,233);
}

.banzi_top>div{

	width:calc(100% / 2);
	float:left;
	text-align: center;

}

.banzi_top>.filed{
	
	font-size:0.5rem;
	color:rgb(200,200,200);

}

.banzi_top>.data{
	
	font-weight:inherit;
	font-size:0.5rem;

}

/*设置板子左边的背景颜色*/

.setcoler-orange{

	background: rgb(255,152,0);

}


.setcoler-red{

	background: rgb(244,67,54);

}

.setcolor-blue{

	background: rgb(33,150,243)
}

.setcolor-green{

	background: rgb(48,204,123)
}


.left_icon{
	
	position: absolute;

	width:1.3rem;

	height: 1.3rem;


	top:50%;

	left:50%;

	transform: translate(-50%,-50%);
}

.left_icon_url_ri{

	background: url(../../img/day.png) no-repeat center center;

	background-size:cover;

}

.left_icon_url_yue{

	background: url(../../img/month.png) no-repeat center center;

	background-size:cover;

}


/*白板*/

.baiban{


	width:calc(100% - 1.2rem);

	padding:.6rem;
}

.baiban-box{


	width: 100%;

	/*height: 5rem;*/

	background: #fff;

	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

.baiban-title{

	width: calc(100% - .3rem); 
	height: 1rem;
	font-size:.3rem;
	line-height: 0.8rem;
	padding-left:.3rem;
	color:rgb(100,100,100);
	overflow:hidden;
}

.baiban-title>div{

	float:left;
	width:2rem;
	height: 100%;


}

.title-legend-icon{

	overflow:hidden;
}
.title-legend-icon>div{
	
	float:left;
	overflow:hidden;
	font-size:.2rem;
	line-height: 0.8rem;
	width:1rem;
	height: 1rem;

}

.title-legend-icon1{

	overflow:hidden;
}

.title-legend-icon1>div{
	
	float:left;
	overflow:hidden;
	font-size:.2rem;
	line-height: 0.8rem;
	width:1rem;
	height: 1rem;

}
.title-legend-icon>div:nth-child(1){
	
	width:0.8rem;
	height: 0.8rem;
	background: url('../../img/legend-red.png') no-repeat center center;
	background-size: cover;
	
}

.title-legend-icon1>div:nth-child(1){
	
	width:0.8rem;
	height: 0.8rem;
	background: url('../../img/legend-blue.png') no-repeat center center;
	background-size: cover;
	
}





.baiban-box>.qudaoFiled{



	width: 100%;

	overflow:hidden;

	height: 1rem;
}
.qudaoFiled>div{
		
	width:calc(100% / 4 - 1.9px );
	font-size:0.4rem;
	text-align: center;
	line-height: 1rem;
	float:left;
	color:#fff;
}


/*渠道数据*/
.qudaoDate{

	width:100%;
	font-size:.4rem;
	text-align: center;
	border-bottom:.01rem solid rgb(233,233,233);;
	overflow:hidden;
	height: 1rem;
	line-height: 1rem;
}

.qudaoDate>div{

	width:calc(100% / 4);
	float:left;

}

/*图表*/

.Echarts{

	width:100%;
	height: 5rem;
	overflow-x:auto;

}

.baibanHeight{

	height: 6rem;
}

/*按钮*/
.button {

    width: 5rem;
    height: 1rem;
    font-size: .4rem;
    background: rgb(240,173,78);
    line-height: 1rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: .2rem;
    margin: 0 auto;
}

.urlClass{

	width:calc(100% - 0.6rem);
	padding:.3rem;
	overflow:hidden;
}

.urlClass>div{
	
	width:2rem;
	height:.6rem;
	padding:.1rem;
	float: left;
	font-size:.3rem;
	margin-right:.2rem;
	border-radius:.4rem;
	line-height: .6rem;
	text-align: center;
	background:orange;

}

